<!DOCTYPE html>
<html>
<head>
    <title> {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }

        .tc-gridbox {
            margin: 0;
        }

        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }

            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }

        #article_content img {
            width: 100%;
        }

    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white" style="position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top:0;
    background: #eaeaea;
">
<include file="public@navTop"/>

<div>
    <ul id="home-slider" class="list-unstyled">
        <slides id="5">
            <li>
                <a>
                    <div class="slide-img"  style="width: 100%;background:url('{:cmf_get_image_url($vo.image)}') top;background-size:100% auto;">

                    </div>
                </a>
            </li>
        </slides>
    </ul>
</div>

<div class="container tc-main" style="border-radius: 10px;background: #ffffff;padding: 20px 0;">
    <div class="row">
        <div class="col-md-12">
            <div class="tc-box article-box">
                <h2 style="text-align: center;color:#20296F;">{$recruit.name}</h2>
                <hr>
                <div class="item-infobox">
                    <div class="row">
                        <div class="col-md-6">
                            <ul>
                                <li>
                                    薪资水平：{$recruit.price}
                                </li>
                                <li>
                                    招聘人数：{$recruit.peoples}人
                                </li>
                                <li>
                                    工作年限：{$recruit.work_year}年
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>
                                    职位类型：{$recruit.work_type}
                                </li>
                                <li>
                                    学历要求：{$recruit.work_xueli}
                                </li>
                                <li>
                                    福利待遇：{$recruit.work_fuli}
                                </li>
                            </ul>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <ul>
                                <li>
                                    联系人：{$recruit.contact}
                                </li>
                                <li>
                                    性别要求：{$recruit.sex==0?'男':$recruit.sex==1?'女':'不限'}
                                </li>
                                <li>
                                    公司：{$recruit.company_name}
                                </li>
                                <li>
                                    地址：{$recruit.company_address}
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6">

                        </div>
                    </div>
                    <hr>
                    <div class="row" id="content" style="padding:10px 110px;font-size: 20px">
                        <php>
                            echo htmlspecialchars_decode($recruit['content']);
                        </php>
                    </div>
                    <!--<hr>-->
                    <!--<div class="row" style="text-align: center;">-->
                        <!--<button class="btn-play" data-toggle="modal" data-target="#myModal">-->
                            <!--申请职位-->
                        <!--</button>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!--<div class="modal fade" id="myModal" style="top:20%" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">-->
    <!--<div class="modal-dialog" role="document">-->
        <!--<div class="modal-content">-->
            <!--<div class="modal-header">-->
                <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
                <!--<h4 class="modal-title" id="myModalLabel">个人信息</h4>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
                <!--...-->
            <!--</div>-->
            <!--<div class="modal-footer">-->
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                <!--<button type="button" class="btn btn-primary">Save changes</button>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<include file="public@footer"/>
<style>
    .footer {
        display: block;
        animation-name: footerInAn;
        position: relative;
    }

    .footer-link {
        height: 40px;
    }

    .footer-link .code-img {
        bottom: 0;
    }

    #topNav {
        animation-name: topNavInAn;
    }

</style>
<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script>
    $(function () {
        var trans = ['fade', 'horizontal']
        var tran = trans[Math.floor(Math.random() * 1 + 1)]
        $(".list-unstyled").slippry({
            transition: tran,
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 2000,
            auto: true,
            preload: 'visible',
            controls: true
        });
        $(".list-unstyled").show();
    });
</script>
<hook name="before_body_end"/>
</body>
</html>
